<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./css/nav.css">
    <link rel="stylesheet" href="./css/verify.css">
</head>

<body>
    <!-- 上部导航栏 -->
    <div class="nav" id='navone'>
        <a href="#" class="bi-caret" onclick="window.history.back()">
            <svg class="bi bi-caret-left-fill" width="32px" height="32px" viewBox="0 0 16 16" fill="white"
                xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M3.86 8.753l5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z" />
            </svg>
        </a>
        <a href="#" class="back" onclick="window.history.back()">返回</a>
        <span class="login" id="jiaoche">拼车发布</span>
        <a href="#" class="bi-houses">
            <svg class="bi bi-house" width="32px" height="32px " viewBox="0 0 16 16" fill="white"
                xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                    d="M2 13.5V7h1v6.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V7h1v6.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5zm11-11V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"
                    clip-rule="evenodd" />
                <path fill-rule="evenodd"
                    d="M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z"
                    clip-rule="evenodd" />
            </svg>
        </a>
    </div>
    <h1>
        <span id="start">孟楼</span>
        <svg class="bi bi-forward-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor"
            xmlns="http://www.w3.org/2000/svg">
            <path
                d="M9.77 12.11l4.012-2.953a.647.647 0 0 0 0-1.114L9.771 5.09a.644.644 0 0 0-.971.557V6.65H2v3.9h6.8v1.003c0 .505.545.808.97.557z" />
        </svg>
        <span id="end">邓州</span>
        <svg class="bi bi-arrow-repeat" onclick="changeDirection()" width="1em" height="1em" viewBox="0 0 16 16"
            fill="currentColor" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                d="M2.854 7.146a.5.5 0 0 0-.708 0l-2 2a.5.5 0 1 0 .708.708L2.5 8.207l1.646 1.647a.5.5 0 0 0 .708-.708l-2-2zm13-1a.5.5 0 0 0-.708 0L13.5 7.793l-1.646-1.647a.5.5 0 0 0-.708.708l2 2a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0 0-.708z" />
            <path fill-rule="evenodd"
                d="M8 3a4.995 4.995 0 0 0-4.192 2.273.5.5 0 0 1-.837-.546A6 6 0 0 1 14 8a.5.5 0 0 1-1.001 0 5 5 0 0 0-5-5zM2.5 7.5A.5.5 0 0 1 3 8a5 5 0 0 0 9.192 2.727.5.5 0 1 1 .837.546A6 6 0 0 1 2 8a.5.5 0 0 1 .501-.5z" />
        </svg>
    </h1>
    <form action="" class="login">
        <div class="form-group">
            <label for="go_time">出发时间:</label>
            <input type="email" class="form-control" id="go_time" aria-describedby="emailHelp">

        </div>
        <div class="form-group">
            <label for="place_departure">上车地点:</label>
            <input type="text" class="form-control" id="place_departure">
        </div>
        <div class="form-group">
            <label for="destination">目的地点:</label>
            <input type="email" class="form-control" id="destination" aria-describedby="emailHelp">

        </div>
        <div class="form-group">
            <label for="number_people">接受人数:</label>
            <input type="email" class="form-control" id="number_people" aria-describedby="emailHelp">

        </div>
        <div class="form-group">
            <label for="phone">联系电话:</label>
            <input type="email" class="form-control" id="phone" aria-describedby="emailHelp">
        </div>
        <button type="button" class="btn btn-primary" onclick="callCars()">提交</button>
        <input type="text" id='direction' value="0" hidden='hidden'>
        <input type="text" id='carpool_hitl' value="0" hidden='hidden'>
    </form>
    <!-- 下部导航栏 -->
    <div class="navbottom">
        <div class="navbottoms" onclick="data_history()">
            <span class="navbottomspan">行程管理</span>
            <svg class="bi bi-cursor-fill navbottomspan-bi" width="1em" height="1em" viewBox="0 0 16 16"
                fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                    d="M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103z"
                    clip-rule="evenodd" />
            </svg>
        </div>
        <a href="" id="pcc">
            <div class="navbottoms" onclick="ToPcc()">
                <span class="navbottomspan">拼车车</span>
                <svg class="bi bi-people-fill navbottomspan-bi" width="1em" height="1em" viewBox="0 0 16 16"
                    fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd"
                        d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"
                        clip-rule="evenodd" />
                </svg>
            </div>
        </a>
        <a href="" id="jcc">
            <div class="navbottoms" onclick="ToJcc()">
                <span class="navbottomspan">呼叫车</span>
                <svg class="bi bi-phone navbottomspan-bi" width="1em" height="1em" viewBox="0 0 16 16"
                    fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd"
                        d="M11 1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"
                        clip-rule="evenodd" />
                    <path fill-rule="evenodd" d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" clip-rule="evenodd" />
                </svg>
            </div>
        </a>
        <div class="navbottoms" onclick="SL()">
            <span class="navbottomspan">个人中心</span>
            <svg class="bi bi-person-square navbottomspan-bi" width="1em" height="1em" viewBox="0 0 16 16"
                fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                    d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"
                    clip-rule="evenodd" />
                <path fill-rule="evenodd" d="M2 15v-1c0-1 1-4 6-4s6 3 6 4v1H2zm6-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
                    clip-rule="evenodd" />
            </svg>
        </div>
    </div>
    <script src="./js/access_token.js"></script>
    <script src="./js/callCar.js"></script>
    <script src="./js/changedirection.js"></script>
    <script src="./js/change_name.js"></script>
    <script src="./js/change_pj.js"></script>
    <script src="./js/getphone.js"></script>
    <script src="./js/button_pj.js"></script>
    <script src="./js/person_center.js"></script>
    <script>

        verify_access_token();
        changepcc();
        changejcc();
        changename();
        // obj = url_params_parse_obj(location.search)
        // getPhone(obj.access_token, obj.user_id)    
    </script>
    <style>
        #SL {

            position: fixed;
            bottom: 60px;
            right: 0px;
            /* border: 1px solid black; */
            /* background-color: red; */
            /* height: 100px; */
            width: 35%;
        }

        #ul_sl {
            list-style-type: none;
            /* list-style: none; */
            padding: 0;
            margin: 0;
        }

        li {
            width: 100%;
            height: 60px;
            background-color: #666666;
            border-top: 3px solid white;
            text-align: center;

        }

        li a {
            color: aliceblue;

            line-height: 60px;

        }
    </style>


    <div id="SL" hidden>

        <ul id='ul_sl'>
            <li><a href="">友情建议</a></li>
            <li><a href="">修改密码</a></li>
            <li><a href="">出行记录</a></li>
        </ul>

    </div>
</body>

</html>